// lib
var $ = require("jquery");
var mui = require("mui");
require("muiCss");

// self global
require("commonJs");
require("commonCss");
require("../css/search.scss");
require("../css/iconfont.css");

$(function () {
  /**
   * js 底部增加样式
   */
  $(".footer-tab-item").eq(3).addClass("mui-active");

  /**
   * 选择详细关键字、类型、年限
   */
  var chooseListWrap = $(".choose-list-wrap");
  var cName = "choose-active";
  chooseListWrap.find('.choose-list').each(function () {
    if ($(this).hasClass(cName)) {
      $(this).append('<span class="search-chahao"></span>');
      $(this).append(
        '<input type="hidden" value="' +
          $(this).attr("value") +
          '" name="' +
          $(this).attr("name") +
          '" />'
      );
    }
  });
  chooseListWrap.on("tap", ".choose-list", function (e) {
    /** 如果点击的是已选中项目或者是叉号，return false */
    if ($(this).hasClass(cName) || e.target !== e.currentTarget) {
      return false;
    }
    /** 选中纯英文，中文选项消失，反之同理 */
    if ($(this).parent().hasClass("radio-wrap")) {
      switch ($(this).data("radio")) {
        case "cn":
          $(".cn-radio").show();
          $(".en-radio").hide();
          $(".en-radio").find('.search-chahao').remove();
          $(".en-radio").find('.choose-list').removeClass(cName);
          $(".en-radio").find('input').remove();
          break;
        case "en":
          $(".en-radio").show();
          $(".cn-radio").hide();
          $(".cn-radio").find('.search-chahao').remove();
          $(".cn-radio").find('.choose-list').removeClass(cName);
          $(".cn-radio").find('input').remove();
          break;
        default:
          $(".cn-radio").show();
          $(".en-radio").show();
      }
    }
    /** 单选 多选同时存在 */
    /** 点击的是多选按钮 */
    if ($(this).hasClass("checkbox")) {
      $(this)
        .parent()
        .children()
        .each(function () {
          /** 遍历，兄弟元素不是多选的，则移除class及叉号 */
          if (!$(this).hasClass("checkbox")) {
            $(this).removeClass(cName).find(".search-chahao").remove();
            $(this).find('input').remove()
          }
        });
    } else {
      /** 默认单选，移除所有兄弟元素class及叉号 */
      $(this).parent().children().removeClass(cName).find(".search-chahao").remove();
      $(this).parent().children().find('input').remove()
    }

    /** 给自身增加class及叉号 */
    $(this).addClass(cName);
    $(this).append('<span class="search-chahao"></span>');
    $(this).append(
      '<input type="hidden" value="' +
        $(this).attr("value") +
        '" name="' +
        $(this).attr("name") +
        '" />'
    );
  });
  /** 点击叉号 */
  chooseListWrap.on("tap", ".search-chahao", function (e) {
    if (e.target !== e.currentTarget) {
      return false;
    }
    $(this).parent().removeClass(cName);
    $(this).parent().find('input').remove()
    $(this).remove();
  });

  /**
   * index search 页面搜索
   * 选择分类
   */
  var popover = $("#search-input-popover");
  popover.on("tap", ".mui-table-view-cell", function () {
    $('.category').val($(this).data("key"))
  });

  /**
   * 清空选项 确认搜索
   */
  // var resetBtn = $(".search-btn-clear");
  // var searchBtn = $(".search-btn-search");
  // var searchChooseResult = $(".search-choose-result");
  // var searchInput = $(".search");
  // resetBtn.on("tap", function () {
  //   chooseListWrap
  //     .find("." + cName)
  //     .removeClass(cName)
  //     .find(".search-chahao")
  //     .remove();
  // });
  // searchBtn.on("tap", function () {
  //   if (!searchInput.val()) {
  //     mui.toast("请输入搜索内容！");
  //     return false;
  //   }
  //   var result = {};
  //   // 每个选项
  //   $(".choose-active").each(function () {
  //     if ($(this).parent().parent().parent().is(":visible")) {
  //       var key = $(this).data("key");
  //       var name = $(this).parent().parent().prev().data("name");
  //       if (result[name] !== undefined) {
  //         result[name] =
  //           typeof result[name] === "object"
  //             ? [key].concat(result[name])
  //             : [key].concat([result[name]]);
  //       } else {
  //         result[name] = key;
  //       }
  //     }
  //   });
  //   // 分类选择
  //   result[searchChooseResult.data("name")] = searchChooseResult.data("key");
  //   // 文本框输入内容
  //   result[searchInput.attr("name")] = searchInput.val();
  //   mui.alert("搜索内容" + JSON.stringify(result));
  // });
  /**
   * 回车搜索
   */
  // searchInput.keypress(function (e) {
  //   if (e.which == 13) {
  //     searchBtn.trigger("tap");
  //   }
  // });
});
